<template>
  <!-- 基金申报表单 -->
  <Fromlist @getBlack="getShow" v-if="isFlage == 0"></Fromlist>
  <!-- 基金表单详情 -->
  <DetaiList :DateId="DataId" @getBlack="getShow" v-else-if="isFlage == 1"></DetaiList>
  <!-- 协议入口 -->
  <ProtocolVue :DateId="DataId" @getBlack="getShow" v-else-if="isFlage == 2"></ProtocolVue>
  <!-- 申报流程 -->
  <ProcessVue :DateId="DataId" @getBlack="getShow" v-else-if="isFlage == 3"></ProcessVue>
  <!-- 申报记录进入 -->
  <RecordingVue :DateId="DataId" @getBlack="getShow" v-else-if="isFlage == 4"></RecordingVue>
  <!-- 编辑按钮进入 -->
  <EditFromVue :DateId="DataId" @getBlack="getShow" v-else-if="isFlage == 5"></EditFromVue>
  <!-- 表格初始化 -->
  <TableList @flage="getShow" v-else="isFlage == 6"> </TableList>
</template>

<script setup>
  import Fromlist from './model/from.vue';
  import TableList from './model/table-list.vue';
  import DetaiList from './model/detail.vue';
  import ProtocolVue from './model/Protocol.vue';
  import EditFromVue from './model/EditFrom.vue';
  import ProcessVue from './model/Process.vue';
  import RecordingVue from './model/Recording.vue';
  import { ref } from 'vue';
  // 0 1 2 3 4 5 6
  //0 基金申请进入
  //1 项目名称进入
  //2 协议入口进入
  //3 申报流程进入
  //4 申报记录进入
  //5 编辑按钮进入
  //6 表格初始化
  //控制表格组件
  const DataId = ref();
  const isFlage = ref(6);
  function getShow(e) {
    console.log(e);
    isFlage.value = e.type;
    DataId.value = e.id;
  }
</script>

<style lang="scss" scoped></style>
